<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>普惠商城-商城首页-商品查询</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/classify.css">
	<link rel="stylesheet" href="css/paging.css">
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.page.js"></script>
</head>
<body>
	
	<!-- 顶部导航条开始 -->
	<div class="puhuishopping_common_titlelink" id="puhuishopping_common_titlelink">
		<!-- 导航条左部 -->
		<div class="centerbody">
			<div class="title_left">
				<span class="puhuishopping_common_city" id="puhuishopping_common_city">重庆</span><span class="puhuishopping_common_citychange" id="puhuishopping_common_citychange">[ 切换城市 ]</span>
				<!-- <div class='citylist' id='citylist'></div> -->
			</div>	
		<!-- 导航条右部 -->
			<div class="title_right">
				您好&nbsp;&nbsp;,&nbsp;<a href="普惠商城-商城首页-登录页面.html" class="puhuishopping_common_login" id="puhuishopping_common_login">请登录</a>
				<a href="普惠商城-商城首页-注册页面.html" class="puhuishopping_common_hyzc">会员注册</a>
				<a href="普惠商城-个人中心-订单中心-线上订单.html" class="puhuishopping_common_wddd">我的订单</a>
				<a href="javascript:void(0);" class="puhuishopping_common_ydsc">移动商城</a>
				<div style="clear: both"></div>
			</div>
			<!-- 未登录 -->
			<!-- 	<div class="title_right">
                    您好&nbsp;&nbsp;,&nbsp;<a href="普惠商城-个人中心.html" class="puhuishopping_common_login" id="puhuishopping_common_login">普惠会员</a>
                    <a href="#" class="puhuishopping_common_hyzc">[退出]</a>
                    <a href="普惠商城-个人中心-订单中心-线上订单.html" class="puhuishopping_common_wddd">我的订单</a>
                    <a href="javascript:void(0);" class="puhuishopping_common_ydsc">移动商城</a>
                    <div style="clear: both"></div>
                </div> -->
		</div>	
	</div>
	<!-- 顶部导航条结束 -->
	<div class="TopNavBox">
		<!-- 顶部搜索栏部分开始 -->
		<div class="centerbody search">
			<a href="普惠商城-商城首页.html"><img src="images/普惠logo最终版.png" alt="" class="logo"></a>
			<div class="searchbox">
				<input type="text" class="searchtxt"><input type="button" class="searchbtn" value="搜索">
			</div>
			<input type="button" class="my_shoplist" id="my_shoplist" value="我的购物车">
			<input type="button" class="my_checklist" id="my_checklist" value="我的订单">
			<div style="clear: both"></div>
		</div>
		<!-- 顶部商品分类和一级菜单 -->
		<div class="centerbody bannerlist">
			<div class="listleft">
				<p class="ListType">商品分类</p>
				<ul class="listbox" style="display:none;">
					<li>家用电器</li>
					<li>手机/ 运营商/ 数码</li>
					<li>电脑/ 办公</li>
					<li>家具/ 家具/ 家装/ 厨具</li>
					<li>男装/ 女装/ 童装/ 内衣</li>
					<li>美妆个护/ 清洁用品/ 宠物</li>
					<li>鞋靴/ 箱包/ 珠宝/ 奢侈品</li>
					<li>运动/ 户外/ 钟表</li>
					<li>汽车/ 汽车用品</li>
					<li>母婴/ 玩具乐器</li>
					<li>食品/ 酒类/ 生鲜/ 特产</li>
					<li>医药保健</li>
					<li>图书/ 音像/ 电子书</li>
					<li>机票/ 酒店/ 旅游/ 生活</li>
					<li>理财/ 众筹/ 白条/ 保险</li>
				</ul>
			</div>

			<div class="listright">
				<a href="javascript:void(0);">首页</a>
				<a href="javascript:void(0);">普惠特色</a>
				<a href="javascript:void(0);">服装美妆</a>
				<a href="javascript:void(0);">家电手机</a>
				<a href="javascript:void(0);">电脑数码</a>
				<a href="javascript:void(0);">食品生鲜</a>
				<a href="javascript:void(0);">母婴玩具</a>
			</div>
			<div style="clear: both"></div>
		</div>
	</div>

	<!--热销商品-->
	<div class="hotGoods">
		<span class="hotIcon"></span>
		<ul class="hotList clear">
			<li>
				<a class="HotImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
				<a class="HotTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
				<p class="HotInfo"><span>¥4094</span><input onclick="location.href='普惠商城-个人中心-订单中心-线上订单-订单结算.html'" type="button" name="" value="立即购买"></p>
			</li>
			<li>
				<a class="HotImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
				<a class="HotTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
				<p class="HotInfo"><span>¥4094</span><input onclick="location.href='普惠商城-个人中心-订单中心-线上订单-订单结算.html'" type="button" name="" value="立即购买"></p>
			</li>
			<li>
				<a class="HotImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
				<a class="HotTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
				<p class="HotInfo"><span>¥4094</span><input onclick="location.href='普惠商城-个人中心-订单中心-线上订单-订单结算.html'" type="button" name="" value="立即购买"></p>
			</li>
		</ul><!--hotList-->
	</div>
	<!--热销商品 over-->
	<!--面包屑-->
	<div class="Crumbs"><a href="javascript:void(0);">全部结果</a>&gt;<a href="javascript:void(0);">硬盘</a></div>
	<!--面包屑 over-->
	<!--筛选-->
	<div class="screenBox clear">
		<span class="Price">价格：</span>
		<ul class="PriceList clear">
			<li><a class="hover" href="#">0-1000</a></li>
			<li><a href="#">1000-3000</a></li>
			<li><a href="#">3000-6000</a></li>
			<li><a href="#">6000-10000</a></li>
			<li><a href="#">1000以上</a></li>
			<li><a href="#">5000以上</a></li>
		</ul>
		<p class="custom">
			<input type="text" name="">
			<em>-</em>
			<input type="text" name="">
			<input type="button" name="" value="确定">
		</p>
	</div>
	<!--筛选 over-->
	<!--商品列表-->
	<div class="productBox clear">
		<div class="productLeft">
			<h2>新品上架</h2>
			<ul class="proLeftList clear">
				<li>
					<a class="proImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="proTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="proInfo"><span>¥4094</span></p>
				</li>
				<li>
					<a class="proImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="proTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="proInfo"><span>¥4094</span></p>
				</li>
				<li>
					<a class="proImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="proTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="proInfo"><span>¥4094</span></p>
				</li>
				<li>
					<a class="proImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="proTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="proInfo"><span>¥4094</span></p>
				</li>
				<li>
					<a class="proImg" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="proTitle" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="proInfo"><span>¥4094</span></p>
				</li>
			</ul><!--hotList-->
		</div>
		<div class="productRight">
			<div class="screeType">
				<p class="screeTypeLeft"><a class="screeHover" href="#">上架时间<i></i></a><a href="#">销量<i></i></a><a href="#">价格<i></i></a></p>
				<p class="checkbox"><input type="checkbox" name="">全国直销<input type="checkbox" name="" >本地仓库</p>
			</div><!--screeType-->
			<div class="productListBox">
				<ul class="productList clear">
					<li>
					<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
					<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
					<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
				</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
					<li>
						<a class="pro_Img" href="商城首页-供应商主页-商品详情.html"><img src="images/图层-826.png"></a>
						<a class="pro_Title" href="商城首页-供应商主页-商品详情.html">西部数据（WD） Elements 新元素系列 2.5英寸 USB3.0 移动硬盘</a>
						<p class="pro_Info"><span>¥4094</span><input type="button" name="" value="加入购物车"></p>
					</li>
				</ul>
			</div><!--productList-->
			<!--分页-->
			<div class="tcdPageCode"></div>
			<!--分页 over-->
		</div>
	</div>
	<!--商品列表 over-->
<!-- 页面底部 -->
	<div class="foot-banner">
		<div class="mod_help_list">
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">帮助中心</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">购物中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">配送中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">常见问题</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">售后服务</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货政策</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货流程</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">关于我们</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">公司介绍</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">普惠商城简介</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">联系客服</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">支付方式</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">微信支付</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付宝支付</a></li>

					</ul>
			</div>
		</div>	
		<div class="copyright">
			<p>©2016北京普惠联盟商贸有限公司 puhui315.com 京ICP证070791号|京ICP备10211739号|电子公告服务规则</p>
			<p>电子商务经营许可证(京)字第03889号</p>
			<p>京公网安备11010502025545号</p>
			<p style="height: 34px;width:350px;margin:17px auto 25px">
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-1.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-2.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink"><img src="images/foot-3.png" alt=""></a>
			</p>
		</div>

	</div>
</body>
<script th:inline="javascript">
	var time=null;
	var autonum=0;
	$(function(){

		$('.picbox').eq(0).css({
			opacity:1,
			zIndex:1,
		});
		$('.adbox').find('li').eq(0).css('background','#CE5343');
		// 大图滚动代码↓↓
		clock();
		function moveFun(){
			$('.picbox').eq(autonum).stop(true,false).animate({
					opacity:1,
					zIndex:1
					},1000);
			$('.picbox').eq(autonum).siblings().stop(true,false).animate({
					opacity:0,
					zIndex:0
					},1000);

			$('.adbox').find('li').eq(autonum).delay(1000).css('background','#CE5343');
			$('.adbox').find('li').eq(autonum).siblings().css('background','#DFDFDF');
			autoNum();
		}
		function autoNum(){
			autonum++;
			if(autonum>$('.adbox').find('li').length){

				autonum=0;
			}
			return autonum;
		}

		function clock(){
				time=setInterval(moveFun,5000);
		}

		$('.adbox').find('li').hover(function(){
			var num = $(this).index();
				clearInterval(time);
				$(this).css({background:'#CE5343'});
				$(this).siblings().css({background:'#DFDFDF'});
				// console.log($('img').eq($('.adbox').find('li').index($(this))));
				$('.picbox').eq(num).stop(true,false).animate({
						opacity:1,
						zIndex:1
					},1000);
				$('.picbox').eq(num).siblings().stop(true,false).animate({
					opacity:0,
					zIndex:0
				},1000);
		},function(){
			$(this).css({background:'red'});
			$(this).siblings().css({background:'#DFDFDF'})
			autonum= $(this).index();
		})
		$('#box').hover(function(){
			clearInterval(time);

		},function(){
			clock();
		})
        $('.listleft').hover(function(){
            $('.ListType').siblings('.listbox').show();
        },function(){
            $('.ListType').siblings('.listbox').hide();
        });
		/* $('#left').click(function(){
					--autonum;
					if(autonum<0){
						autonum=$('.adbox').find('li').length;
					}
					$('.picbox').eq(autonum-1).stop(true,false).animate({
						opacity:1,
						zIndex:1
					},1000);
					$('.picbox').eq(autonum-1).siblings().stop(true,false).animate({
					opacity:0,
					zIndex:0
					},1000);
					$('.adbox').find('li').eq(autonum-1).css({background:'red'});
					$('.adbox').find('li').eq(autonum-1).siblings().css({background:'#DFDFDF'})

		 })
		 $('#right').click(function(){
					++autonum;
					if(autonum==$('.adbox').find('li').length){
						autonum=0;
					}
					$('.picbox').eq(autonum-1).stop(true,false).animate({
						opacity:1,
						zIndex:1
					},1000);
					$('.picbox').eq(autonum-1).siblings().stop(true,false).animate({
					opacity:0,
					zIndex:0
					},1000);
					$('.adbox').find('li').eq(autonum-1).css({background:'red'});
					$('.adbox').find('li').eq(autonum-1).siblings().css({background:'#DFDFDF'})

		 })*/
		/*分页*/
        $(".tcdPageCode").createPage({
            pageCount:100,
            current:1,
            backFn:function(p){
                //console.log(p);
            }
        });
	})
</script>

</html>